.blgcomment-list>li:nth-child(n+2) {
    margin-block-start: 15px !important;
}
.custom-card {
    border: 1px solid #ced4da;
}
.customizer-action svg{
    width: 23px !important;
    color: #ffffff !important;
}
.active-mode{
    border: solid 2px #000000 !important;
}
.property-img{
    max-width: 507px;
    max-height: 286px;
}
.text-justify{
    text-align: justify;
}
.custom .media{
    padding: 10px !important;
}
.user-avatar{
    width: 30px;
    height: 30px;
}
@media only screen and (max-width: 410px) {
    .header_li {
        display: none !important;
    }
}
.blgcomment-list li .media img{
    width: auto;
    height: 40px !important;
}

#card-element {
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px !important;
    padding: 13px !important;
}
.codex-sidebar .logo-gridwrap{
    padding: 0px 16px !important;
}

.setting-logo{
    width:300px !important;;
}

.landing-logo{
    width: 180px !important;
}
.lan-footer .codex-brand{
    margin-block-end: 0px !important;
}
.email-sidebar ul.custom-sidebarmenu-list {
    margin-block-start: 0px;
}
.invoice-logo{
    width: 250px;
}

.codex-calendar .events-list li{
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    border-radius: 5px;
    color: #fff;
    line-height: 1;
}
.codex-calendar .events-list{
    overflow: auto;
    height: 863px;
}
.landing_logo{
    filter: drop-shadow(2px 3px 7px #011C4B);
}
.head-invoice img{
    width: 250px;
}
.cdx-invoice .body-invoice .table tr td{
    padding: 10px 10px !important;
}

.codex-brand img {
    width: 300px;
}
.intro {
    background-repeat: no-repeat;
    background-size: cover;
}

.landing_dash {
    position: absolute;
    right: 0px;
    top: 50%;
    left: auto;
    bottom: 0;
    transform: translateY(-50%);
    overflow: hidden;
    height: 572px;
    display: flex;
    align-items: center;
    width: 60%;
}

.landing_dash img {
    object-fit: cover;
    position: relative;
    right: -220px;
    border-radius: 10px;
    left: auto;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1440px) {
    .landing_dash {
        display: none;
    }
}

.lan-footer {
    text-align: center;
    background-color: unset;
}
.lan-footer .support-contain p {
    color: #051722;
    font-size: calc(16px + 4*(100vw - 420px) / 1500);
}

.select2-container .select2-selection--single {
    height: 43px !important;
    border-color: #e5e5e5;
}
.select2-container .select2-selection--multiple{
    min-height: 43px !important;
}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #e5e5e5;
}

.dashboard-unique-row {
    background: linear-gradient(90deg, #e3ffe8 0%, #e3f0ff 100%);
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    padding: 24px 12px 12px 12px;
    margin-bottom: 32px;
}

/* Unique style for dashboard main row */
.dashboard-main-row {
    background: linear-gradient(90deg, #76aadf 0%, #76aadf 100%);
    border-radius: 18px;
    padding: 24px 12px 12px 12px;
    margin-bottom: 32px;
    box-shadow: 0 6px 32px rgba(3, 51, 99, 0.07);
}

/* Dashboard card: rounded square and logo color */
.dashboard-card-col .card, .dashboard-card, .dashboard-summary-card {
    border-radius: 32px !important; /* More rounded shape */
    background: #e3f6fd !important;
    border: 1.5px solid rgbrgb(0, 73, 178) !important;
    box-shadow: 0 4px 18px rgba(26, 124, 188, 0.10) !important;
    color: rgb(0, 73, 178) !important;
    transition: box-shadow 0.2s, background 0.2s;
}

.dashboard-card-col .card:hover, .dashboard-card:hover, .dashboard-summary-card:hover {
    box-shadow: 0 8px 32px rgba(26, 124, 188, 0.18) !important;
    background: #d0eafd !important;
}

/* Modern card shadow and border for dashboard cards */
.dashboard-card-col .card {
    border-radius: 32px !important; /* More rounded shape */
    box-shadow: 0 4px 18px rgb(0, 73, 178);
    border: 1px solid #76aadf;
    background: #fff;
    transition: box-shadow 0.2s;
}
.dashboard-card-col .card:hover {
    box-shadow: 0 8px 32px rgba(0, 60, 120, 0.18);
}

.styled-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    font-family: 'Segoe UI', Arial, sans-serif;
    min-width: 400px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.styled-table thead tr {
    background-color: #dbeeff;
    color: #222;
    text-align: left;
}
.styled-table th, .styled-table td {
    border: 1px solid #b5d6f6;
    padding: 8px 12px;
}
.styled-table tbody tr {
    background-color: #f4faff;
    transition: background 0.2s;
}
.styled-table tbody tr:nth-of-type(even) {
    background-color: #eaf4fb;
}
.styled-table tbody tr:hover {
    background-color: #cbe7ff;
}
.styled-table th {
    position: relative;
}
.styled-table th:after {
    content: '\\25BC';
    font-size: 10px;
    color: #6c757d;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
    pointer-events: none;
}

table {
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    font-family: 'Segoe UI', Arial, sans-serif;
    min-width: 400px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
table thead tr {
    background-color: #dbeeff;
    color: #222;
    text-align: left;
}
table th, table td {
    border: 1px solid #b5d6f6;
    padding: 8px 12px;
}
table tbody tr {
    background-color: #f4faff;
    transition: background 0.2s;
}
table tbody tr:nth-of-type(even) {
    background-color: #eaf4fb;
}
table tbody tr:hover {
    background-color: #cbe7ff;
}
table th {
    position: relative;
}
table th:after {
    content: none !important;
}
table th.sortable:after {
    content: "\f078"; /* Font Awesome down arrow */
}

/* Sidebar menu item hover and active: match logo color */
.codex-sidebar .menu-item > a:hover,
.codex-sidebar .menu-item:hover > a,
.codex-sidebar .menu-item.active > a {
    background-color: rgb(0, 73, 178) !important;
    color: #fff !important;
    border-radius: 8px;
    transition: background 0.2s;
}

/* Sidebar submenu (sub-list) font color */
.codex-sidebar .submenu-list li a,
.email-sidebar .submenu-list li a {
    color: rgb(0, 73, 178) !important; /* Light blue font */
}
.codex-sidebar .submenu-list li a:hover,
.email-sidebar .submenu-list li a:hover,
.codex-sidebar .submenu-list li.active > a,
.email-sidebar .submenu-list li.active > a {
    color: #fff !important;
    background: rgb(0, 73, 178) !important;
    border-radius: 6px;
}

/* All buttons: light blue style */
button,
.btn,
a.btn,
input[type="button"],
input[type="submit"] {
    background-color: #e3f0ff !important;   /* Light blue */
    color: rgb(0, 0, 128) !important;              /* Dark blue text */
    border: 1.5px solid #b5d6f6 !important; /* Light blue border */
    border-radius: 8px !important;          /* Modern rounded corners */
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.08); /* Subtle blue shadow */
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 8px 22px;
    transition: 
        background 0.2s,
        color 0.2s,
        border 0.2s,
        box-shadow 0.2s;
}

/* All buttons: unique hover style */
button:hover,
.btn:hover,
a.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: rgb(0, 73, 178) !important;
    color: #fff !important;
    border-color: rgb(0, 73, 178) !important;
    box-shadow: 0 4px 16px rgba(20, 100, 150, 0.16);
    transform: translateY(-2px) scale(1.03);
}

/* Pagination buttons: set to rgb(0, 73, 178) */
.pagination .page-link,
ul.pagination li a,
ul.pagination li span {
    background-color: #e3f0ff !important;   /* Light blue background */
    color: rgb(0, 73, 178) !important;      /* Your requested blue */
    border: 1.5px solid rgb(0, 73, 178) !important;
    border-radius: 8px !important;
    margin: 0 2px;
    transition: background 0.2s, color 0.2s, border 0.2s;
    padding: 8px 22px;
}

/* Active and hover states for pagination buttons */
.pagination .page-link:hover,
.pagination .page-item.active .page-link,
ul.pagination li a:hover,
ul.pagination li.active a,
ul.pagination li.active span {
    background-color: rgb(0, 73, 178) !important;
    color: #fff !important;
    border-color: rgb(0, 73, 178) !important;
}

/* Light blue custom scrollbar for sidebar */
.codex-sidebar,
.codex-sidebar .custom-scroll,
.email-sidebar,
.email-sidebar .custom-sidebarmenu-list {
    scrollbar-width: thin;
    scrollbar-color: lightblue lightblue; /* thumb color, track color */
}

/* For Webkit browsers (Chrome, Edge, Safari) */
.codex-sidebar::-webkit-scrollbar,
.codex-sidebar .custom-scroll::-webkit-scrollbar,
.email-sidebar::-webkit-scrollbar,
.email-sidebar .custom-sidebarmenu-list::-webkit-scrollbar {
    width: 8px;
    background: lightblue; /* Track */
}

.codex-sidebar::-webkit-scrollbar-thumb,
.codex-sidebar .custom-scroll::-webkit-scrollbar-thumb,
.email-sidebar::-webkit-scrollbar-thumb,
.email-sidebar .custom-sidebarmenu-list::-webkit-scrollbar-thumb {
    background: lightblue; /* Thumb */
    border-radius: 8px;
}

.codex-sidebar::-webkit-scrollbar-thumb:hover,
.codex-sidebar .custom-scroll::-webkit-scrollbar-thumb:hover,
.email-sidebar::-webkit-scrollbar-thumb:hover,
.email-sidebar .custom-sidebarmenu-list::-webkit-scrollbar-thumb:hover {
    background: rgb(0, 73, 178); /* Thumb on hover */
}

/* Feather menu icon color (light blue) */
svg.feather.feather-menu {
    color: #22344b !important;
}

/* Navbar primary button light blue */
.navbar .btn-primary {
    background-color: #22344b !important; /* Green color from the image */
    border-color: #22344b !important;
    color: #fff !important; /* White text for contrast */
    border-radius: 5px !important; /* Rounded corners */
}

.navbar .btn-primary:hover {
    background-color: rgb(0, 73, 178) !important;
    border-color: rgb(0, 73, 178) !important;
    color: #fff !important;
}

/* Ensure Print, Excel, PDF, CSV, Copy buttons in sidebar sublists match main button style */
.codex-sidebar .submenu-list li a,
.email-sidebar .submenu-list li a {
    background-color: #e3f0ff !important;
    color: rgb(0, 73, 178) !important;
    border: 1.5px solid #b5d6f6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.08);
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 8px 22px;
    transition: background 0.2s, color 0.2s, border 0.2s, box-shadow 0.2s;
}

.codex-sidebar .submenu-list li a:hover,
.email-sidebar .submenu-list li a:hover,
.codex-sidebar .submenu-list li.active > a,
.email-sidebar .submenu-list li.active > a {
    background-color: rgb(0, 73, 178) !important;
    color: #fff !important;
    border-color: rgb(0, 73, 178) !important;
    box-shadow: 0 4px 16px rgba(20, 100, 150, 0.16);
    transform: translateY(-2px) scale(1.03);
}

/* DataTables export buttons: Print, Excel, PDF, CSV, Copy */
.dt-button, .buttons-print, .buttons-excel, .buttons-pdf, .buttons-csv, .buttons-copy {
    background-color: #e3f0ff !important;
    color: rgb(0, 73, 178) !important;
    border: 1.5px solid #b5d6f6 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.08);
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 8px 22px;
    transition: background 0.2s, color 0.2s, border 0.2s, box-shadow 0.2s;
}

.dt-button:hover, .buttons-print:hover, .buttons-excel:hover, .buttons-pdf:hover, .buttons-csv:hover, .buttons-copy:hover {
    background-color: rgb(0, 73, 178) !important;
    color: #fff !important;
    border-color: rgb(0, 73, 178) !important;
    box-shadow: 0 4px 16px rgba(20, 100, 150, 0.16);
    transform: translateY(-2px) scale(1.03);
}

/* Navbar owner/user image circular shape */
.navbar .user-icon img,
.navbar .nav-profile img,
.header-right .user-icon img,
.header-right .nav-profile img {
    border-radius: 50% !important;
    object-fit: cover;
}

.codex-header .btn-primary:hover,
.codex-header .btn.btn-primary:hover {
    background-color: rgb(0, 73, 178) !important;
    border-color: rgb(0, 73, 178) !important;
    color: #fff !important;
}

.alert, .alert-success, .popup-message, .toast, .alert-primary {
    background-color: rgb(0, 73, 178) !important;
    color: #fff !important;
    border-color: rgb(0, 73, 178) !important;
}

.codex-header .dropdown-menu,
.codex-header .hover-dropdown {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 51, 102, 0.12) !important;
    border: 1.5px solid white !important;
    padding: 16px 0 !important;
    min-width: 180px;
    margin-top: 12px !important;
    transition: box-shadow 0.2s, border 0.2s;
}

.codex-header .dropdown-menu li,
.codex-header .hover-dropdown li {
    padding: 8px 24px !important;
    transition: background 0.2s, color 0.2s;
}

.codex-header .dropdown-menu li:hover,
.codex-header .hover-dropdown li:hover {
    background: #e3f6fd !important;
        color: rgb(0, 73, 178) !important;
    border-radius: 8px;
}

/* Custom login button color override */
.btn.btn-primary {
    background-color: rgb(0, 73, 178)!important; /* Main blue */
    color: white !important;
    border-color: #ced4da!important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: rgb(0, 73, 178) !important; /* Requested hover color */
    color: #fff !important;
    border-color: rgb(0, 0, 128) !important;
}